<template>
  <el-select :value="val" placeholder="请选择" @change="setQu">
    <el-option v-for="(item, index) in lists" :key="index" :label="item" :value="item"></el-option>
  </el-select>
</template>
<script>
export default {
  name: 'city',
  props: {
    val: {
      type: String
    },
    lists: {
      type: Array
    }
  },
  data () {
    return {
      citys: []
    }
  },
  methods: {
    setQu (val) {
      this.$emit('setQu', val)
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
